<template>
    <div id="buxiangxie">
        <div id="cont">
				<div class="l_header_bg"></div>
				<div class="l_cont">
					<div class="l_cont_view">
						
						<div class="l_cont_header">
							<div class="contjoin_header_one contjoincolor switcher" target="l_cont_cont">订单详情</div>
							<div class="contjoin_header_three">
								<span class="contjoin_header_one_line"></span>
								<span class="contjoin_header_two_line"></span>
							</div>
						</div>
						<div class="l_cont_cont" id="l_cont_cont">
							<div class="l_cont_one">
								<div class="l_header">
									<span>订单信息</span>
								</div>
								<div class="l_one" id="l_one">
									<div id="recharge_order">
										<div class="l_onetype">
											<span class="onetype_span">订单号：</span><span id="orderSn">1</span>
										</div>
										<div class="l_onetype">
											<span class="onetype_span">订单类型：</span><span id="orderType">2</span>
										</div>
										<div class="l_onetype">
											<span class="onetype_span">订单时间：</span><span id="orderTime">3</span>
										</div>
									</div>
									<div id="copyright_order" style="display: none;">
										<div class="l_onetype">
											<span class="onetype_span">订单号：</span><span id="copyOrderSn">4</span>
										</div>
										<div class="l_onetype">
											<span class="onetype_span">订单类型：</span><span id="copyOrderType">5</span>
										</div>
										<div class="l_onetype">
											<span class="onetype_span">支付提交时间：</span><span id="copyOrderTime">6</span>
										</div>
									</div>
									<div class="l_threetype">
										<span class="threetype_span">订单详情：</span>
										<div class="twotype_div" id="rechargeDetail_order">
											<table  cellspacing="0" cellpadding="0" id="rightTable">
												<tr>
													<th width="146">产品</th>
													<th width="146">数量</th>
													<th width="146">单价</th>
													<th width="146">小计</th>
												</tr>
                                                <tr >
													<td width="146">1</td>
													<td width="146">2</td>
													<td width="146">3</td>
													<td width="146">4</td>
												</tr>
											</table>
										</div>
										<div class="twotype_div" id="copyRightDetail_order" style="display: none;">
											<table  cellspacing="0" cellpadding="0" id="rightTable_order">
												<tr>
													<th width="146">任务ID</th>
													<th width="146">作品名称</th>
													<th width="146">作品类别</th>
													<th width="146">订单类型</th>
													<th width="146">订单金额</th>
												</tr>
											</table>
										</div>
									</div>
									<div class="l_onetype">
										<span class="onetype_span" style="float: left;">订单总价：</span>
                                        <span id="orderPrice" style="color:#E94747;font-size: 20px;line-height:36px;display: inline-block;">
                                            23.56
                                        </span>
									</div>
					
								</div>
							</div>
							<div class="l_cont_two">
								<div class="l_header">
									<span>支付信息</span>
								</div>
								<div class="l_one" id="l_one">
									<div class="l_onetype">
										<span class="onetype_span">支付状态：</span><span id="payStatus">a</span>
									</div>
									<div class="l_onetype">
										<span class="onetype_span">支付方式：</span><span id="payType">s</span>
									</div>
									<div class="l_onetype">
										<span class="onetype_span">支付宝交易号：</span><span id="paySn">d</span>
									</div>
									<div class="l_onetype">
										<span class="onetype_span">支付时间：</span><span id="PayTime">f</span>
									</div>
								</div>
							</div>
							<div class="l_cont_four">
								<div class="l_header">
									<span>开票信息</span>
								</div>
								<div class="l_four">
									<div class="l_onetype">
										<span class="onetype_span">开票状态：</span>
                                        <span id="authorName">你猜猜</span>
									</div>
								</div>
							</div>
					</div>
				</div>
			</div>
		</div>
    </div>
</template>
<script>
export default {
  data() {
    return {
      OnlyId: null
    };
  },
  mounted() {
    this.OnlyId = this.$router.currentRoute.query.id;
    // console.log(this.OnlyId)
  },
  methods: {}
};
</script>
<style scoped>
@import '../css/rechargeOrderDetail';
</style>

